{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/detail_page.css?version={$version}"/>
	<style type="text/css">
		body{
				padding-bottom:3rem;
			}
		.swiper-container {
	        width: 100%;
	        height: 100%;
	    }
	    .swiper-container-horizontal>.swiper-pagination{
	    	bottom:1rem;
	    }
	    .swiper-pagination-bullet{
	    	width:0.4rem;
	    	height:0.4rem;
	    	margin:0 0.5rem;
	    	border:0.1rem solid #fff;
	    	background:rgba(255,255,255,0.1);
	    }
	    .swiper-pagination-bullet-active{
	    	background:#fff;
	    	opacity:1;
	    }
		.internet a.color6{
			color: #666;
		}

		/*--空间设施---*/
	   .sheshi-wrap a,.sheshi-wrap .meat{
	   		width:19%;
	   		display:block;
	   }
	   .sheshi-wrap a dl,.sheshi-wrap .meat dl{
	   		width:100%;
	   		height:100%;
	   }
	   
	</style>
{/block}
{block name="content"}

	<div class="park_detail_banner">
		<div class="swiper-container">
		    <div class="swiper-wrapper">
				{foreach from=$pic_arr item=pic}
		        <div class="swiper-slide">
		        	<a href="javascript:;">
		        		<img src="{$pic}" class="share_pic"/>
		        	</a>
		        </div>
				{/foreach}
		    </div>
		    <!--分页器 -->
		    <div class="swiper-pagination"></div>
		</div>
		{include file="../detail_header.html"}
	</div>
	<!--微斯代场地-->
	<div class="internet">
		<h1>{$incubator_info.incubator_name}</h1>
		<ul>
			<li class="clearfix mg-top0 address-li" style="display:block;">
				<span class="fl">地址</span>
				<p class="color6 fl"><a href="/FrontIncubator/map/incubator_id/{$incubator_info.incubator_id}" class="color6 fl" style="color:#666;">{$incubator_info.address}</a></p>
				<a href="/FrontIncubator/map/incubator_id/{$incubator_info.incubator_id}" class="fl loact-icon"></a>
			</li>
			<li class="clearfix phone-li">
				<span class="fl">电话</span>
				<a href="tel:{$incubator_info.tel}" class="fl phone">
					{$incubator_info.tel}
				</a>
				<a href="tel:{$incubator_info.tel}" class="fl phone-icon"></a>
			</li>
		</ul>
		<a href="javascript:;" class="word-intro">
			<p>{$incubator_info.describe}</p>
		</a>
		<div class="shrink-btn">
			<span>展开园区简介</span>
			&nbsp;
			<i class="icon icon_zhankai_default3x"></i>
		</div>
		<div class="spread-btn" style="display:none;">
			<span>收缩园区简介</span>
			&nbsp;
			<i class="icon icon_shousuo_default3x"></i>
		</div>
	</div>
	<!--工位类型-->
{if $station_list!=null}
	<div class="gongwei-type around">
		{foreach from=$station_list item=station}
		<dl class="clearfix">
			<dt class="fl">
				<div class="meat">
					<img src="{$station.pic}"/>
				</div>
			</dt>
			<dd class="fl">
				<div class="meat">
					<h3>{$station.class_name}</h3>
					<!-- <p>{$station.station_desc}</p> -->
				</div>
				<span>工位单价:{$station.price}元/天</span>
			</dd>
		</dl>
		{/foreach}

		<!--<dl class="clearfix">
			<dt class="fl">
				<a href="javascript:void(0)">
					<img src="/Public/Images/front/front_img/shouye_zixun_pic3x.png"/>
				</a>
			</dt>
			<dd class="fl">
				<a href="javascript:void(0)">
					<h3>工位类型</h3>
					<p>类型内容类型内容类型内容类型内容类型内容</p>
				</a>
				<span>3000元/小时</span>
			</dd>
		</dl>
		<dl class="clearfix">
			<dt class="fl">
				<a href="javascript:void(0)">
					<img src="/Public/Images/front/front_img/shouye_zixun_pic3x.png"/>
				</a>
			</dt>
			<dd class="fl">
				<a href="javascript:void(0)">
					<h3>工位类型</h3>
					<p>类型内容类型内容类型内容类型内容类型内容</p>
				</a>
				<span>3000元/小时</span>
			</dd>
		</dl>-->
	</div>
	<!--更多工位类型-->
{if $station_num>2}
	<div class="more-type">
		<p>更多工位类型</p><span class="icon icon_zhankai_default3x"></span>
	</div>
{/if}
{/if}
	<!--空间设施-->
{if $equipment_name_arr!=null}
<div class="space">
	<h2>空间设施</h2>
	<div class="clearfix sheshi-wrap">
		{foreach from=$equipment_name_arr item=equipment}
		<div class="fl meat sheshi_link">
			<dl style="margin:0;">
				<dt>
					<img src="{$equipment.pic}"/>
				</dt>
				<dd>{$equipment.equipment_name}</dd>
			</dl>
		</div>
		{/foreach}
		
		</div>
	</div>
{/if}
{if $supporting_list!=null}
	<!--周边配套-->
	<div class="around">
		<h2>周边配套</h2>
		{foreach from=$supporting_list item=supporting}
		<dl class="clearfix">
			<dt class="fl">
				<div class="meat">
					<img src="{$supporting.pic_url}"/>
				</div>
			</dt>
			<dd class="fl">
				<div class="meat">
					<h3>{$supporting.supporting_name}</h3>
					<p>{$supporting.describe}</p>
				</div>
				<span>{$supporting.num}家</span>
			</dd>
		</dl>
		{/foreach}
	
	</div>
{/if}
	<!--入驻团队-->
{if $enter_team_list!=null}
	<div class="join-group">
		<h2>入驻团队</h2>
		<div class="swiper-group">
		    <div class="swiper-wrapper">
				{foreach from=$enter_team_list item=enter_team}
				<div class="swiper-slide" style="width:5rem">
					<div class="dev">
						<dl>
							<dt>
								<img src="{$enter_team.pic}"/>
							</dt>
							<dd>
								{$enter_team.team_name}
							</dd>
						</dl>
						<span></span>
						<p>{$enter_team.domain_name}</p>
					</div>
				</div>
				{/foreach}
		    
		    </div>
		</div>
	</div>
{/if}
	<footer class="footer_fixed">
		<a href="javascript:;" onclick="check_user('/FrontIncubator/order_park_visit/incubator_id/{$incubator_id}')">预约参观</a>
		<a href="javascript:;" onclick="check_user('/FrontIncubator/order_park_enter/incubator_id/{$incubator_id}')" class="red">预约入驻</a>
		<!--<a href="/FrontIncubator/order_park_enter/incubator_id/{$incubator_id}" class="red">预约入驻</a>-->
	</footer>
<script>
	var incubator_id={$incubator_id};
	//分享的参数
	var share_pic = $('.share_pic').eq(0).attr('src');
	var share_title = '{$incubator_info.incubator_name}';
	var desc_str = '{$incubator_info.describe}';
	var share_desc = desc_str.substr(0,30);
	var share_url = document.location.href;
</script>
{/block}
{block name="js"}
{literal}
<script type="text/javascript" src="__PUBLIC__/Js/front/swiper.3.1.2.jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			var parkSwiper = new Swiper(".swiper-container",{
				pagination : '.swiper-pagination',
				paginationClickable :true,
				autoplayDisableOnInteraction : false,
				loop : true,
				autoplay : 3000
			});
			var groupSwiper = new Swiper(".swiper-group",{
				slidesPerView : 3,
				spaceBetween :0 ,
				slidesPerGroup : 1,
				slidesOffsetBefore : 16
			});
			$(".more-type").on("touchstart",function(){
				$(".more-type").hide();
				$.ajax({
					type:"post",
					url:"/FrontIncubator/async_station_list",
					data:{'incubator_id':incubator_id},
					dataType:"json",
					success:function(data) {
						$(".gongwei-type dl:last").addClass("border_no");
						var html = '';
						var len = data.length;
						for (var i = 0; i < len; i++) {
							html += '<dl class="clearfix">' +
									'<dt class="fl">' +
									'<a href="javascript:;">' +
									'<img src="' + data[i].pic + '"/>' +
									'</a>' +
									'</dt>' +
									'<dd class="fl">' +
									'<a href="javascript:;">' +
									'<h3>' + data[i].class_name + '</h3>' +
									// '<p>' + data[i].station_desc + '</p>' +
									'</a>' +
									'<span>工位单价:' + data[i].price + '元/天</span>' +
									'</dd>' +
									'</dl>';
						}
						$('.gongwei-type').append(html);
					}
				});
			});
			//园区简介展开与收缩
			var rem = $(window).width()/375*20;
			var hei = $(".word-intro p").innerHeight()/rem;
			if(hei>3){
				$(".word-intro p").addClass("shrink-state");
				$(".shrink-btn").show();
			}else{
				$(".shrink-btn").hide();
			}
			$(".spread-btn").on("click",function(){
				$(this).siblings("a").children("p").toggleClass("shrink-state");
				$(this).hide().siblings(".shrink-btn").show();
				
			});
			$(".shrink-btn").on("click",function(){
				$(this).siblings("a").children("p").toggleClass("shrink-state");
				$(this).hide().siblings(".spread-btn").show();
			});
			/*
			$(".back-word").on("click",function()
			{
				history.go(-1);
				//window.location='/FrontIncubator/zhongchuang_list';
			});
			*/
		});
	</script>
{/literal}
{/block}
